$(function() {
    if (!$(".user-panel")[0]) {

        $$(".login").swipeRight(actionBack);
    } else {

        $$(".login").swipeRight(actionShowMenu);
        $$(".login").swipeLeft(actionHideMenu);
    }
});
function actionBack() {
    window.history.back();
}
function actionShowMenu() {
   
    var page_wrap = $('#page-wrap');
    var page_tray = $('#page-tray');
    if (page_wrap.hasClass('show-user-panel')) {

//        page_tray.width(page_tray.width() - 225);
//        page_wrap.removeClass('show-user-panel');
//        setTimeout(function() {
//            $('.slide-page.wd-fix').css('position', 'fixed');
//            $('.slide-page.wd-fix').css('width', '100%');
//            $('.slide-page.wd-fix').css('bottom', '0');
//            $(".slide-page").show();
//        }, 500);

    } else {

        page_tray.width(page_tray.width() + 225);
        page_wrap.addClass('show-user-panel');
        $('.slide-page.wd-fix').css('position', 'static');
        $(".slide-page").hide();
    }
}
function actionHideMenu() {
   
    var page_wrap = $('#page-wrap');
    var page_tray = $('#page-tray');
    if (page_wrap.hasClass('show-user-panel')) {

        page_tray.width(page_tray.width() - 225);
        page_wrap.removeClass('show-user-panel');
        setTimeout(function() {
            $('.slide-page.wd-fix').css('position', 'fixed');
            $('.slide-page.wd-fix').css('width', '100%');
            $('.slide-page.wd-fix').css('bottom', '0');
            $(".slide-page").show();
        }, 1000);

    } else {
//
//        page_tray.width(page_tray.width() + 225);
//        page_wrap.addClass('show-user-panel');
//        $('.slide-page.wd-fix').css('position', 'static');
//        $(".slide-page").hide();
    }
}